<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>物业管理软件</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
	<meta name="author" content="Muhammad Usman">

	<#include "*/pubcss.ftl">
</head>

<body>
	<#include "*/top.ftl">
	<!-- topbar ends -->
	<div class="container-fluid">
		<div class="row-fluid">
			<#include "*/left.ftl">
			<div id="content" class="span10">
			<!-- content starts -->
			<div>
				<ul class="breadcrumb">
					<li>
						<a href="#">收费管理</a> <span class="divider">/</span>
					</li>
					<li>
						<a href="#">收费</a>
					</li>
				</ul>
			</div>
		    <div class="row-fluid sortable">
				<div class="box span3">
					<div class="box-header well">
						<h2><i class="icon-edit"></i>套户菜单</h2>
					</div>
					<div class="box-content">
						 <div class="zTreeDemoBackground left">
						    <ul id="menup" class="ztree"></ul>
						 </div>
					</div>
				</div><!--/span-->
				<div class="box span9">
					<div class="box-header well">
						<h2><i class="icon-edit"></i>缴费信息</h2>
					</div>
					<div class="box-content">
						<button type="button" class="btn btn-primary" id="addLeaf" onclick="printnotice()">打印收费通知单</button>
						<table class="table table-bordered table-striped table-condensed">
						  <thead>
						      <tr>
								  <th class="center">记账月份</th>
								  <th colspan="5">
								  <input class="input-small focused" readonly id="unitid" type="hidden" value="${(unitid)?if_exists}">
								  <input class="input-small focused" readonly id="ymonth" type="text" value="${(ymonth)?if_exists}">
								   <img onclick="WdatePicker({onpicked:function(dp){showDateRead();},el:'ymonth',dateFmt: 'yyyy-MM', isShowToday: true})" src="${base}/script/mydate97/skin/datePicker.gif" width="16" height="22" align="absmiddle">
								  </th>
							  </tr>
							  <tr>
								  <th>房号</th>
								  <th>户主</th>
								  <th>缴费状态</th>
								  <th>本期费用</th>
								  <th>往期欠费</th>
								  <th>应缴费</th>
								  <th>本期缴费</th>
								  <th>欠费</th>
							  </tr>
						  </thead>   
						  <tbody>
						    <#list (recodesex)?if_exists as records>
							<tr> 
								<td class="center">${(records.room.rcode)?if_exists}</td>
								<td class="center">${(records.residents.rname)?if_exists}</td>
								<td class="center"><#if (records.state)?if_exists=='1'>已缴费<#else>未缴费</#if></td>
								<td class="center">${(records.bfees)?if_exists}</td>
								<td class="center">${(records.warrearage)?if_exists}</td>
								<td class="center">${(records.shouldpay)?if_exists}</td>
								<td class="center">${(records.realpay)?if_exists}</td>
								<td class="center">${(records.barrearage)?if_exists}</td>
							</tr>
							</#list>
						  </tbody>
					  </table>
					</div>
				</div><!--/span-->
			</div><!--/row-->
		   
		  
       
			<!-- content ends -->
			</div><!--/#content.span10-->
		</div><!--/fluid-row-->

		
	</div><!--/.fluid-container-->

	<#include "*/infotemplate/alert.ftl">
    <#include "*/infotemplate/saveinfo.ftl">
    <#include "*/pubjs.ftl">
    <script src='${base}/script/fees/fees_manager.js'></script>
	<iframe style="display:none" src="#" id="print_notice"></iframe>
	<div class="modal hide" id="confirm_win">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal">×</button>
			<h3>信息提示</h3>
		</div>
		<div class="modal-body">
			<p>
				<div id="confirm_info" class="box-content">
					  
				</div>
			</p>
		</div>
		<div class="modal-footer">
		    <a href="#" class="btn" id="confirm_next">继续</a>
			<a href="#" class="btn" id="confirm_closewin" data-dismiss="modal">关闭</a>
		</div>
    </div>	
</body>
</html>
